import { StyleSheet } from "react-native"

/**全局样式变量**/
export  const  zhThemeColor = '#090'
export  const  zhSpacingRowSm = 4
export  const  zhSpacingRowBase = 8
export  const  zhSpacingRowLg = 12
export  const  zhSpacingColSm = 5
export  const  zhSpacingColBase = 10
export  const  zhSpacingColLg = 15

export  const  zhBorderWidth = 1
export  const  zhBorderColor = '#ccc'
export  const  zhBorderRadius = 4

/**全局样式对象**/
export  const  gss = StyleSheet.create({
  logo: {
    width: 250,
    height: 250,
    marginTop: zhSpacingColLg * 8,
    // marginHorizontal: 'auto'  //注意：marginHorizontal不支持auto
    marginLeft: 'auto', 
    marginRight: 'auto', 
    marginBottom: zhSpacingColLg,
  },
  inputGroup: {
    marginTop: zhSpacingColLg*2, //上方内边距
    marginHorizontal: zhSpacingRowLg,//左右内边距
    //position: 'relative',  //RN中的定位只有 relative(默认值) 和 absolute
  },
  input: {
    // 提示：RN中的样式没有border属性
    borderColor: zhThemeColor,
    borderWidth: zhBorderWidth,
    borderRadius: zhBorderRadius,
    paddingHorizontal: zhSpacingRowLg * 4,  //水平方向上的内边距
    paddingVertical: zhSpacingColBase,  //竖直方向上的内边距
  },
  inputIcon: {
    position: 'absolute',//绝对定位
    width: 30,  //宽度
    height: 30, //高度
    top: 10,//到定位参照物顶部的距离
  },
  left: {
    left: zhSpacingRowBase,//到定位参照物左侧的距离
  },
  right: {
    right: zhSpacingRowBase,//到定位参照物右侧的距离
  },
  btn: {
    backgroundColor:zhThemeColor,//背景色
    color:'#fff',//文字颜色
    textAlign:'center', //文本居中
    paddingVertical: zhSpacingColBase,//竖直方向的内边距
    marginHorizontal: zhSpacingRowLg,//左右的外间距
    marginTop: zhSpacingColLg*3,//上外间距
    borderRadius:zhBorderRadius,//边框圆角
  },
})
//